<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Electrolux的样式</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./food_home.css" />
    <script type="text/javascript" src="./food_home.js"></script>
  </head>
  <body>
    <div class="flex-col page">
      <div class="flex-col section">
        <div class="flex-col space-y-16 group">
          <div class="flex-row justify-between group_2">
            <span class="text">8:59</span>
            <div class="flex-row space-x-6 group_3">
              <img class="image" src="../../img/63ff49927ae6d7052ec5c7a622a00d21.png" />
              <img class="image_2" src="../../img/a2c836c601551e96d971f11b9b454838.png" />
              <img class="image_3" src="../../img/8f47caf228f38ddfbc8266f5908643aa.png" />
            </div>
          </div>
          <div class="flex-row space-x-52">
            <img class="image_4" src="../../img/ba599da188f0fa8881c67cf1a291d5b4.png" />
            <div class="flex-row group_4">
              <img class="image_6 image_7" src="../../img/33c4e0a4d3a0d6650c6103b18bb229a6.png" />
              <span class="font_1 text_2">重庆市渝中区</span>
              <img class="image_6 image_8" src="../../img/bcedad2aa992b03f547df9d021c84fdb.png" />
            </div>
            <img class="image_5" src="../../img/a85236e8185833a726d86758746d0a79.png" />
          </div>
        </div>
        <div class="flex-row section_2">
          <img class="image_6" src="../../img/f97d57073caf33829d6a5c9c0623aa06.png" />
          <span class="font_1 text_3">输入您的目的地</span>
        </div>
        <div class="flex-row justify-center space-x-20 group_5">
          <div class="flex-col items-center text-wrapper"><span class="font_2 text_4">全部</span></div>
          <div class="flex-col items-center text-wrapper_2"><span class="font_3 text_5">咖啡馆</span></div>
          <div class="flex-col items-center text-wrapper_3"><span class="font_4 text_6">酒吧</span></div>
          <div class="flex-col items-center text-wrapper_4"><span class="font_4 text_7">下午茶</span></div>
        </div>
      </div>
      <div class="flex-col group_6">
        <div class="flex-col space-y-20 section_4">
          <div class="flex-col space-y-20 group_8">
            <div class="flex-row justify-between">
              <span class="font_5 text_10">店铺详情</span>
              <img class="image_11" src="../../img/b62ee91ff0914381c211f5491a66ccf1.png" />
            </div>
            <div class="flex-row space-x-15">
              <div class="flex-col items-center space-y-8 equal-division-item">
                <img class="image_12" src="../../img/9c1c3c4fee9a38fce9f975b66c439902.png" />
                <span class="font_2 text_11">位置</span>
              </div>
              <div class="flex-col items-center space-y-8 equal-division-item">
                <img class="image_12" src="../../img/a691d93754c7c19cbef233637c340bee.png" />
                <span class="font_2 text_11">外卖</span>
              </div>
              <div class="flex-col items-center space-y-8 equal-division-item">
                <img class="image_12" src="../../img/3c46805a8cc37198ca6636ac68535d39.png" />
                <span class="font_2 text_11">预定</span>
              </div>
            </div>
          </div>
          <div class="flex-row justify-between section_5">
            <div class="flex-row space-x-26">
              <div class="flex-row space-x-6 section_6">
                <img class="image_13" src="../../img/68db0b968049dfcda76f9c088f366fcb.png" />
                <span class="font_3 text_12">餐厅首页</span>
              </div>
              <img class="image_14" src="../../img/1193a83435cbbd117f1784a1ef86b06a.png" />
            </div>
            <img class="image_14" src="../../img/4466f6c78fd432a8eb4ee4da2b9ac448.png" />
            <img class="image_14" src="../../img/4cf2cede470fe943e94dc9f578a8aa69.png" />
          </div>
        </div>
        <div class="flex-col space-y-26 section_3">
          <img class="image_9" src="../../img/611f8407015bf7a9dd403f1c3412ae80.png" />
          <div class="flex-col space-y-8 group_7">
            <div class="flex-col items-start space-y-5">
              <span class="font_5">卡戴蓝 KADALR</span>
              <span class="font_2 text_8">渝中区解放碑沧白路226号</span>
            </div>
            <div class="flex-row space-x-9">
              <img class="image_10" src="../../img/6361c3f2044bb135c83d3f996b4adfca.png" />
              <span class="font_2 text_9">(3280)</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>